// base
$ns: yc-;
$baseFontSize: 14px;
$baseLineHeight: 1.6;
$baseFontFamily: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;

// colors
$colorPrimary: #4ac9f7;
$colorSecondary: #fea356;

$bgPrimary: #f4f4f4;
$bgSecondary: $bgPrimary;

$colorDefault: #333;
$colorBlack: #000;
$colorWhite: #fff;
$colorGray: #878787;
$colorGrayDark:#666;
$colorYellow:#feaf1e;

$colorLink: $colorDefault;
$colorLinkActive: $colorLink;

$baseBorderColor: #cecece;
$baseBorGaryColor: #e7e7e7;
$baseBorderRadius: 4px;

$gapSize: 12px;
$pdSize:6px;


// button
$btnHeight: 34px;
$btnHeightLg: 42px;
$btnHeightSm: 26px;
$btnFontSize: 14px;
$btnFontSizeLg: 18px;
$btnFontSizeSm: 12px;

$btnBorderColor: $baseBorderColor;
$btnBorderRadius: $baseBorderRadius;

$btnPrimaryBgColor: #4ac9f7;
$btnSecondaryBgColor: #fea356;

// list
$listGapSize: $gapSize;
$listContentHeight:24px;